.tree ul li.provide-arrow::before,
.tree ul li.purchase-arrow::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top-color: #269BFF;
    border-left-color: #269BFF;

    position: absolute;
    left: 85px;
    bottom: -10px;
    transform: rotate(45deg);

}

.tree ul li.provide-arrow-append:after {
    top: -14px;
}

.tree ul li.provide-arrow-append::before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top-color: #269BFF;
    border-left-color: #269BFF;

    position: absolute;
    left: 85px;
    top: -12px;
    transform: rotate(45deg);
}

ul {
    margin-left: -2px;
}


#J_root {
    width: 400px;
}

#J_root::after {
    left: 90px;
}



.tree ul li.provide-arrow.after-none::before,
.tree ul li.purchase-arrow.after-none::before {
    border-color: transparent;
}

.tree ul li .innerText {
    vertical-align: top;
}

.tree ul li .innerText .name {
    color: #0077D0;
    position: relative;
    overflow: visible;
    cursor: pointer;

    .hover-box {
        position: absolute;
        display: none;
        bottom: 0px;
        padding: 10px;
        left: 10px;
        z-index: 99909;
        transform: translateY(100%);
        width: 240px;
        min-height: 130px;
        border: 1px solid #0F77C3;
        background: #03132E;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
        border-radius: 5px;
    }

    &:hover {
        .hover-box {
            display: block;
        }
    }
}

/* .tree ul li.after-none ::before,
.tree ul li.after-none ::before {
  border-color: transparent;
} */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.tree ul li {
    padding: 0;
}

li {

    &>div {
        position: relative;
        padding: 10px;
        padding-right: 0;

        .hover-box {
            // position: absolute;
            // display: none;
            // bottom: 0px;
            // padding: 10px;
            // left: 50%;
            // z-index: 9999;
            // transform: translate(-50%, 100%);
            // width: 240px;
            // min-height: 130px;
            // background: #fff;
            // box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
            // border-radius: 5px;
        }

        // &:hover {
        //     &>.hover-box {
        //         display: block;
        //     }
        // }
    }

}



.bottom-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    bottom: -15px;
    left: 83px;

    cursor: pointer;
    background: url("../img/menu-close.png") no-repeat;

    &.icon-open {
        background: url("../img/menu-open.png") no-repeat;

        &:after {
            position: absolute;
            top: 37px;
            right: -47px;
            width: 20px;
            content: '';
            border: 1px solid #269BFF;
        }

        &:before {
            content: '';
            position: absolute;
            top: 37px;
            right: -7px;
            width: 5px;
            border: 1px solid #269BFF;
        }

        &.icon-single-open {
            &:after {
                border: none;
            }

            &:before {
                border: none;
            }
        }
    }
}



table {
    width: 100%;
}

td.tit {
    color: #313C47;
    font-size: 16px;
}

td {
    line-height: 1.5em;
    color: #313C47;
    word-break: break-all;
    white-space: normal;
    vertical-align: top;

    &:nth-child(1) {
        width: 70px;
    }
}